<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="renderer" content="webkit|ie-comp|ie-stand">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta http-equiv="Cache-Control" content="no-siteapp">
<link href="../../css/common.css" rel="stylesheet" />
<title>华纵科技</title>
    <script src="http://code.jquery.com/jquery-2.1.1.min.js"></script>
<script type="text/javascript">
    var current = 1;
$(function() {

	$("#btnx2").click(function(){
		$("#cj2").css("display","block");
		$("#cj1").css("display","none");
		$("#cj3").css("display","none");
		$("#cj4").css("display","none");
		
		
		$("#cjli2").addClass("on");
		$("#cjli1").removeClass("on");
		$("#cjli3").removeClass("on");
		$("#cjli4").removeClass("on");
	})
	
	$("#btnx3").click(function(){
		$("#cj3").css("display","block");
		$("#cj1").css("display","none");
		$("#cj2").css("display","none");
		$("#cj4").css("display","none");
		
		
		$("#cjli3").addClass("on");
		$("#cjli1").removeClass("on");
		$("#cjli2").removeClass("on");
		$("#cjli4").removeClass("on");
	})
	
	$("#btnx4").click(function(){
		$("#cj4").css("display","block");
		$("#cj1").css("display","none");
		$("#cj2").css("display","none");
		$("#cj3").css("display","none");
		
		
		$("#cjli4").addClass("on");
		$("#cjli1").removeClass("on");
		$("#cjli2").removeClass("on");
		$("#cjli3").removeClass("on");
	})
	
	$("#btns1").click(function(){
		$("#cj1").css("display","block");
		$("#cj2").css("display","none");
		$("#cj3").css("display","none");
		$("#cj4").css("display","none");
		
		
		$("#cjli1").addClass("on");
		$("#cjli2").removeClass("on");
		$("#cjli3").removeClass("on");
		$("#cjli4").removeClass("on");
	})
	
	$("#btns2").click(function(){
		$("#cj2").css("display","block");
		$("#cj1").css("display","none");
		$("#cj3").css("display","none");
		$("#cj4").css("display","none");
		
		
		$("#cjli2").addClass("on");
		$("#cjli1").removeClass("on");
		$("#cjli3").removeClass("on");
		$("#cjli4").removeClass("on");
	})
	
	$("#btns3").click(function(){
		$("#cj3").css("display","block");
		$("#cj1").css("display","none");
		$("#cj2").css("display","none");
		$("#cj4").css("display","none");
		
		
		$("#cjli3").addClass("on");
		$("#cjli1").removeClass("on");
		$("#cjli2").removeClass("on");
		$("#cjli4").removeClass("on");
	})



    show(current);
    $.post("<%=request.getContextPath()%>/server/getNervenets",{},function(data){
        var options = "";
        $.each(data.nervenets,function(index,entry){
            options += "<option value='"+entry.nervenetid+"'>"+entry.nervenetcontent+"</option>";
        })
        $("#nervenets").html(options);
    },"json");


    $(document).on("click",".next,.prev,.submitBtn",function(){
        var th = $(this);
        //下一步
        if(th.hasClass("next")){
            show(current*1+1);
        }
        //上一步
        if(th.hasClass("prev")){
            show(current*1-1);
        }
        //提交
        if(th.hasClass("submitBtn")){
            var datas = $("form").serialize();

            $.post("<%=request.getContextPath()%>/server/addScene",datas,function(result){
                if(result == "1"){
                    location.href="<%=request.getContextPath()%>/server/sceneManger";
                }
            },"json")
        }


    });
});

function show(index){
    current = index;
    $(".insert").hide();
    $("#cj"+index).show();
}
</script>
</head>

<body>
<div class="clear h40"></div>
<div class="cj-head">
	<ul>
    	<li id="cjli1" class="on"><i>1</i><font>基本信息</font></li>
        <li id="cjli2"><i>2</i><font>设置机车信息</font></li>
        <li id="cjli3"><i>3</i><font>设计神经网络</font></li>
        <li id="cjli4"><i>4</i><font>其他设置</font></li>        
    </ul>
    <div class="clear"></div>
</div>
<div class="clear h40"></div>




<div class="cj-cont insert" id="cj1">
	<div class="cj-cont-d1">
    	<div class="cj-c-dl"><img src="../../../img/img_5.jpg" class="mart13"/></div>
        <div class="fl  marl20 mart45"><input type="text" name="mc" class="cj-input" /></div>
    </div>
    <div class="clear h10"></div>
    	<div class=" cj-c-dl">顺序</div>
        <div class="fl marl20 mart25"><input type="text" name="mc" class="cj-input"/></div>
  		<div class="fl marl10 f12 fa7 mart45 imgn011">顺序号（0-999）</div>
    <div class="clear h10"></div>
    	<div class=" cj-c-dl">备注</div>
        <div class="fl marl20 mart25">
          <textarea name="mc" class="cj-texta"></textarea>
        </div>
    <div class="clear h40"></div>
    	<div class=" cj-c-dl"></div>
    <input type="button" value="下一步" class="next" style="color:#FFFFFF;background-color: #5db8f1;height: 40px;width: 140px;border: none;font-weight:bold;float: left;  margin-left: 16%;">
    <input value="保存并完成" type="button" class="submitBtn" style="color:#FFFFFF;background-color: #b9bfc3;;height: 40px;width: 140px;border: none;font-weight:bold;float: left;  margin-left: 5%;">
  <div class="clear h40"></div>
</div>





<div class="cj-cont insert" id="cj2">
	
    <div class="w650 marauto">
    	<div class="clear h40"></div>
    	<input type="checkbox" class="fl" style="zoom:180%"><font class="block f14 b f64">使用所有场景</font>
        
        
    	<div class="clear padt30 bd-b1">
            <div class="fl f18 fa7 padt30">车型设置</div>
            <div class="marl40 fl">
            	<div class="f12 fa7 imgn011">选择此项后，后续机车、神经网络相关的设置失效</div>
                <div class="f12 fa7 imgn011">选择该场景适用的车型</div>
            </div>
            <div class="clear"></div>
        </div>
    	<div class="clear h20"></div>
    	<p class="padt8 marl20"><input type="radio" name="cx" value="HXD38" checked="checked"><font class="marl10 f14 f28">HXD38</font></p>
        <p class="padt8 marl20"><input type="radio" name="cx" value="HXD38"><font class="marl10 f14 f28">HXD3A</font></p>
        <p class="padt8 marl20"><input type="radio" name="cx" value="HXD38"><font class="marl10 f14 f28">HXD3A</font></p>
    
    
    <div class="clear padt30 bd-b1">
            <div class="fl f18 fa7 ">摄像头设置</div>
            <div class="marl40 fl">
                <div class="f12 fa7 imgn011">设置摄像头相对司乘人员的拍摄位置</div>
            </div>
            <div class="clear"></div>
        </div>
    	<div class="clear h20"></div>
    	<p class="padt8 marl20"><input type="radio" name="sxt" value="HXD38" checked="checked"><font class="marl10 f14 f28">左前</font></p>
        <p class="padt8 marl20"><input type="radio" name="sxt" value="HXD38"><font class="marl10 f14 f28">正前</font></p>
        <p class="padt8 marl20"><input type="radio" name="sxt" value="HXD38"><font class="marl10 f14 f28">右前</font></p>
        
        
    <div class="clear padt30 bd-b1">
            <div class="fl f18 fa7 ">司乘人员数</div>
            
            <div class="clear"></div>
        </div>
    	<div class="clear h20"></div>
    	<p class="padt8 marl20"><input type="radio" name="rs" value="HXD38" checked="checked"><font class="marl10 f14 f28">1人</font></p>
        <p class="padt8 marl20"><input type="radio" name="rs" value="HXD38"><font class="marl10 f14 f28">多人</font></p>
    
    
    <div class="clear padt30 bd-b1">
            <div class="fl f18 fa7 ">司乘人员位置</div>
            <div class="marl40 fl">
                <div class="f12 fa7 imgn011">设置视频中司乘人员占据的位置区域</div>
            </div>
            <div class="clear"></div>
        </div>
    	<div class="clear h20"></div>
    	<p class="padt8 marl20"><input type="radio" name="wz" value="HXD38"  checked="checked"><font class="marl10 f14 f28">左下1/3</font></p>
        <p class="padt8 marl20"><input type="radio" name="wz" value="HXD38"><font class="marl10 f14 f28">中下1/2</font></p>
    
    
    
    <div class="clear padt30 bd-b1">
            <div class="fl f18 fa7 ">操作台位置</div>
            <div class="marl40 fl">
                <div class="f12 fa7 imgn011">设置视频中操作台占据的位置区域</div>
            </div>
            <div class="clear"></div>
        </div>
    	<div class="clear h20"></div>
    	<p class="padt8 marl20"><input type="radio" name="czt" value="HXD38" checked="checked"><font class="marl10 f14 f28">左下1/3</font></p>
        <p class="padt8 marl20"><input type="radio" name="czt" value="HXD38"><font class="marl10 f14 f28">中下1/2</font></p>
    
    
    
    
    
        <div class="clear h40"></div>

            <input type="button" value="下一步" class="next" style="color:#FFFFFF;background-color: #5db8f1;height: 40px;width: 140px;border: none;font-weight:bold;float: left;  margin-left: 16%;">
            <input type="button" value="上一步" class="prev" style="color:#FFFFFF;background-color: #b9bfc3;height: 40px;width: 140px;border: none;font-weight:bold;float: left;  margin-left: 5%;">
            <input value="保存并完成" type="button" class="submitBtn" style="color:#FFFFFF;background-color: #b9bfc3;;height: 40px;width: 140px;border: none;font-weight:bold;float: left;  margin-left: 5%;">
        <div class="clear h40"></div>
    
    </div>
</div>


<div class="cj-cont h450 insert" id="cj3">
	
    <div class="w710 marauto">
    	<div class="clear h130"></div>
    	
    	<div class="f14 fl mart6 fa7 ">神经网络名:</div>
        <div class="fl marl20 ">
        	<select id="nervenets" style="height: 32px; width:260px;">

			</select></div>
  		<div class="fl marl10 f12 fa7 mart6  imgn011">选择该场景适用的神经网络</div>
    
    
        <div class="clear h130"></div>

        <input type="button" value="下一步" class="next" style="color:#FFFFFF;background-color: #5db8f1;height: 40px;width: 140px;border: none;font-weight:bold;float: left;  margin-left: 16%;">
        <input type="button" value="上一步" class="prev" style="color:#FFFFFF;background-color: #b9bfc3;height: 40px;width: 140px;border: none;font-weight:bold;float: left;  margin-left: 5%;">
        <input value="保存并完成" type="button" class="submitBtn" style="color:#FFFFFF;background-color: #b9bfc3;;height: 40px;width: 140px;border: none;font-weight:bold;float: left;  margin-left: 5%;">
        <div class="clear h40"></div>
    
    </div>
</div>


<div class="cj-cont h450 insert" id="cj4">

    <div class="w710 marauto">
    	<div class="clear h130"></div>
    	
    	<div class="f14 fl mart6 fa7 ">内容待定</div>
   
    
    
        <div class="clear h130"></div>

        <input type="button" value="上一步" class="prev" style="color:#FFFFFF;background-color: #b9bfc3;height: 40px;width: 140px;border: none;font-weight:bold;float: left;  margin-left: 5%;">
        <input value="保存并完成" type="button" class="submitBtn" style="color:#FFFFFF;background-color: #b9bfc3;;height: 40px;width: 140px;border: none;font-weight:bold;float: left;  margin-left: 5%;">
        <div class="clear h40"></div>
    
    </div>
</div>


</body>
</html>
